<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪元素</title>
    <style>
        /*使用伪元素来表示元素中的一些特殊的位置*/
        p:first-letter{    /*第一个位置的字符改变*/
            color: red;
        }
        p:first-line{
            background: yellow;
        }
        p:before{                      /*before 表示元素最前边的部分 一般before都需要结合content这个样式一起使用*/
            content: "你是猪";          /*通过content可以向before或after 的位置添加一些内容*/
            color: red;
        }

        p:after{
            content: "你是猪";
            color: red;
        }



    </style>
</head>
<body>
<p>我是一个p标签</p>

</body>
</html>